<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style type="text/css">
    .contact{

    }
    .joinContent{
    margin: 30px 0 150px 0;
    }
    .titleBox{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-direction: row;
        background-color: #f3f3f3;
        margin-bottom: 20px;
        color: #999;
    }
    .titleBox li{
        width: 20%;
        padding-left: 2.8%;
        font-size: 1.4rem;
    }
    .positionInfo{
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        flex-direction: row;

    }
    .contentBox>li{
        border-bottom: 1px dotted #cccccc ;
        margin-top: 20px;
    }
    .positionInfo li{
        width: 20%;
        font-weight: 600;
        color: #999999;
        font-size: 1.6rem;
    }
    .positionInfo li,.abstract{
        padding-left: 2.8%;
        color: #999999;
    }
    .abstract{
        padding-left: 2.8%;
        padding-bottom: 2%;
        margin-top: 15px;
        font-size: 1.4rem;
    }
</style>
<body>
<div class="content">
    <div class="topImage">
        <div class="fullSlide"><img src="../Images/join_ban.jpg" alt=""></div>
    </div>
    <div class="contact">
        <div class="sectionTitle">
            <h2><span>加入我们</span>Join Us</h2>
        </div>
        <div class="joinContent">
            <ul class="titleBox">
                <li>职位名称</li>
                <li>工作地点</li>
                <li>职位类别</li>
                <li>部门名称</li>
            </ul>
            <ul class="contentBox">
                <li>
                    <ul class="positionInfo">
                        <li><a href="#jobInfo"><span style="color: #000">光技术工程师</span></a></li>
                        <li>长沙</li>
                        <li>技术类</li>
                        <li>技术部</li>
                    </ul>
                    <p class="abstract">1、负责中继产品的光学模块和子系统设计工作； 2、负责光器件选型和应用。</p>
                </li>
                <li>
                    <ul class="positionInfo">
                        <li><span style="color: #000">光技术工程师</span></li>
                        <li>长沙</li>
                        <li>技术类</li>
                        <li>技术部</li>
                    </ul>
                    <p class="abstract">1、负责中继产品的光学模块和子系统设计工作； 2、负责光器件选型和应用。</p>
                </li>
                <li>
                    <ul class="positionInfo">
                        <li><span style="color: #000">光技术工程师</span></li>
                        <li>长沙</li>
                        <li>技术类</li>
                        <li>技术部</li>
                    </ul>
                    <p class="abstract">1、负责中继产品的光学模块和子系统设计工作； 2、负责光器件选型和应用。</p>
                </li>
                <li>
                    <ul class="positionInfo">
                        <li><span style="color: #000">光技术工程师</span></li>
                        <li>长沙</li>
                        <li>技术类</li>
                        <li>技术部</li>
                    </ul>
                    <p class="abstract">1、负责中继产品的光学模块和子系统设计工作； 2、负责光器件选型和应用。</p>
                </li>
            </ul>
        </div>
    </div>
</div></body>
</html>